<template>
	<!-- <div>招聘信息</div> -->
	<div class="top" style="background-color: rgb(215, 251, 233);">
		<ClassCard>
		</ClassCard>
	</div>
	<div class="midd">
		<TheoryPart></TheoryPart>
		<PracticeAbility></PracticeAbility>
		<StudyResour></StudyResour>
	</div>
	<test></test>
</template>

<script>
	import ClassCard from '../components/student/classcard.vue';
	import TheoryPart from '../components/student/理论部分.vue';
	import PracticeAbility from '../components/student/实践能力.vue';
	import StudyResour from '../components/student/学习资源.vue';
	import test from '../components/student/test';
	export default {
		components: {
			ClassCard,
			TheoryPart,
			PracticeAbility,
			StudyResour
		}
	}
</script>

<style lang="less" scoped>
	.top {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
	}

	.screen {
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
	}
</style>
